

.container{
    margin:0 auto;
}
/* 超小屏幕下 下于768 布局容器的宽度为100% */
@media screen and (max-width:768px) {
    .container{
        width:100%;
    }
}
/* 小屏幕下 大于等于768 布局容器改为750px */
@media  screen and (min-width:768px) {
    .container{
        width:750px;

    }
}
/* 中等屏幕下 大于等于992px 布局容器修改为970px */
@media screen and (min-width:992px) {
    .container{
        width:970px;
    }
}
/* 大屏幕下 大于等于1200 布局容器修改为1170px */
@media screen and (min-width:1200px) {
    .container{
        width:1170px;
    }
}